<template>
    <div class="component-min-title-bar">
        <span>{{title}}</span>
    </div>
</template>

<style lang="less" scoped>

    @import '../style/variable';

    .component-min-title-bar{
        height: 5rem;
        font-size: 0;
        text-align: center;
        border-bottom: 1px solid @color-line-gray;
        border-top: .8rem solid @color-bg-gray;
        &:before, &:after{
            content: '';
            display: inline-block;
            width: 3rem;
            height: .2rem;
            top: 50%;
            margin-top: -.1rem;
            background-color: @color-line-gray;
            vertical-align: middle;
        }
        span{
            font-size: 1.6rem;
            line-height: 5rem;
            display: inline-block;
            vertical-align: middle;
            margin: 0 .9rem;
        }
    }
</style>

<script>
    export default {
        props: ['title']
    }
</script>